<!doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=0" />
  <title></title>
  <link type="text/css" rel="stylesheet" href="css/style.css">
  <link type="text/css" rel="stylesheet" href="css/banner.css" />
  <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
  <script type="text/javascript" src="js/banner.js"></script>
</head>

<body>
  <div class="headerbox">
    <div class="header">
      <div class="headerL">
        <a onclick="javascript:history.back(-1)" class="goback"><img src="images/goback.png" /></a>
      </div>
      <div class="headerC">
        <p>详情描述</p>
      </div>
      <div class="headerR">
        <a href="javascript:void()"><img src="images/more.png" id="share" /></a>
      </div>
    </div>
  </div>
  <div class="clear"></div>
  <div class="h50"></div>
  <div class="clear"></div>
  <div class="aui-m-slider">
    <div class="m-slider" data-ydui-slider>
      <div class="slider-wrapper">
        <div class="slider-item"> <a href="javascript:;"> <img src="images/01.jpg"> </a> </div>
        <div class="slider-item"> <a href="javascript:;"> <img src="images/01.jpg"> </a> </div>
        <div class="slider-item"> <a href="javascript:;"> <img src="images/01.jpg"> </a> </div>
        <div class="slider-item"> <a href="javascript:;"> <img src="images/01.jpg"> </a> </div>
      </div>
      <div class="slider-pagination"></div>
    </div>
  </div>
  <div class="clear"></div>
  <div class="detailbox">
    <h4>KOBE LETTUCE 秋冬新款 女士日系甜美纯色半高领宽松套头毛衣针织衫</h4>
    <div class="price"><em>￥</em>550<span>￥680</span>
      <font>库存500件</font>
    </div>
  </div>
  <div class="allkbox"></div>

  <div class="info_choice">
    <!-- Sku 商品规格 -->
    <div class="commodity">
      <div class="opt">
        <div class="title wanl-gray">
          选择
        </div>
        <div class="option">
          <div class="selected">
            <div>
              <span>尺码</span>
              <span>颜色</span>
            </div>
          </div>
          <div class="option-list">
            <div>
              <div class="cu-tag">
                <span>155/80A/S</span>
              </div>
              <div class="cu-tag">
                <span>160/84A/M1</span>
              </div>
              <div class="cu-tag">
                <span>65/88A/L</span>
              </div>
              <div class="cu-tag">
                <span>更多规格可选</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="wanl-gray" onclick="location.href = './sku.html' ">
        <img src="images/go.png">
      </div>
    </div>
    <!-- 服务 -->
    <div class="commodity">
      <div class="opt">
        <div class="title wanl-gray">
          服务
        </div>
        <div class="option">
          <div class="selected">
            <div>
              <span>7天无理由退款</span>
              <span>·</span>
              <span>24小时内发货</span>
              <span>·</span>
              <span>假一赔十</span>
            </div>
          </div>
        </div>
      </div>
      <div class="wanl-gray" onclick="location.href = './server.html' ">
        <img src="images/go.png">
      </div>
    </div>
  </div>
  <div class="clear"></div>
  <div class="allkbox"></div>
  <div class="clear"></div>
  <div class="detailbox_2">
    <div class="top">
      <p class="tit active">产品参数</p>
      <p class="tit">商品评价</p>
    </div>
    <!-- 产品参数 -->
    <div class="rate">
      <ul>
        <li>品牌: 水星被里</li>
        <li>材质: 棉棉</li>
        <li>种类: 棉</li>
        <li>风格: 田园</li>
        <li>成分含量: 100%</li>
        <li>图案: 植物花卉</li>
        <li>件数: 4件</li>
        <li>产品等级: 合格品</li>
        <li>床品工艺: 其他</li>
        <li>面料支数: 40支</li>
        <li>面料密度: .</li>
        <li>货号: AY590404AY590804</li>
        <li>织造工艺: 斜纹</li>
        <li>款式: 床单式 床笠式</li>
        <li>适用人群: 大众</li>
        <li>被面材质: 棉</li>
        <li>适用床尺寸: 1.2m（4英尺）床 1.5m（5英尺）床 1.8m（6英尺）床</li>
        <li>颜色分类: 莎莉亚(床笠款) 莎莉亚(床单款) 安逸若兮(鸟蛋绿/床单款) 安逸若兮(鸟蛋绿/床笠款) 繁花梦语(婴儿蓝/床笠款) 繁花梦语(婴儿蓝/床单款) 【100%全棉 原创设计】 【清新优雅】 【手感柔软】
          【原创设计】 花西雅(床单款) 花西雅(床笠款)</li>
      </ul>
      <img src="images/02.jpg" />
      <img src="images/04.jpg" />
      <img src="images/05.jpg" />
    </div>
    <!-- 商品评价 -->
    <div class="rate" style="display:none;">
      <div class="rate-header">
        <div class="rate-score">
          <h4>与描述相符</h4>
          <strong>4.5</strong>
        </div>
        <div class="rate-graph">
          <img src="./images/sc.png" alt="" style="width:20px;">
          <img src="./images/sc.png" alt="" style="width:20px;">
          <img src="./images/sc.png" alt="" style="width:20px;">
          <img src="./images/sc.png" alt="" style="width:20px;">
        </div>
      </div>
      <div class="rate-content">
        <div>
          <div class="review-box">
            <div class="review-item">
              <div class="from-whom">
                <div class="avatar">
                  <img src="./images/avatar-01.jpg" alt="" />
                </div>
                <div class="name">张三</div>
              </div>
              <div class="review-details">
                <div class="content">非常好</div>
                <div>
                    <img src="./images/02.jpg" alt="">
                    <img src="./images/02.jpg" alt="">
                    <img src="./images/02.jpg" alt="">
                    <img src="./images/02.jpg" alt="">
                </div>
                <div class="time">2022-09-19 01:05:57</div>
              </div>
            </div>
          </div>
          <div class="review-box">
            <div class="review-item">
              <div class="from-whom">
                <div class="avatar">
                  <img src="./images/avatar-01.jpg" alt="" />
                </div>
                <div class="name">张三</div>
              </div>
              <div class="review-details">
                <div class="content">非常好</div>
                <div>
                    <img src="./images/02.jpg" alt="">
                </div>
                <div class="time">2022-09-19 01:05:57</div>
              </div>
            </div>
          </div>
        </div>
        <div>
          <!-- <div class="rate-empty">该商品还没有人写评价呢</div> -->
        </div>
      </div>
    </div>
  </div>
  <div class="clear"></div>
  <div class="h54"></div>
  <div class="footerbox">
    <div class="footer2">
      <ul>
        <li><a href="javascript:void()"><img src="images/dp.png" /><span>客服</span></a></li>
        <li><a href="javascript:void()"><img src="images/sc.png" /><span>购物车</span></a></li>
        <li><a href="gwc.html">
            <p style="background:#FF9500;">加入购物车</p>
          </a></li>
        <li><a id="teamwork">
            <p style="background:#ff0036a8;">拼团买</p>
          </a></li>
        <li><a href="buy.html">
            <p style="background:#FF0036;">立即购买</p>
          </a></li>
      </ul>
    </div>
  </div>
  <!-- 拼团信息 -->
  <div class="teamwork">
    <img src="./images/teamwork.jpg" alt="">
  </div>
  <!-- 分享面板 -->
  <div class="share">
    <img src="./images/share.png" alt="">
  </div>

</body>

</html>
<script>
  $("#teamwork").click(function () {
    $(".teamwork").toggle()
  })
  $("#share").click(function () {
    $(".share").toggle()
  })

  $(".teamwork").click(function () {
    $(this).hide()
  })
  $(".share").click(function () {
    $(this).hide()
  })

  $(".top .tit").click(function () {
    var index = $(this).index();
    $(this).addClass("active").siblings().removeClass("active");
    $(".detailbox_2 .rate").eq(index).show().siblings(".detailbox_2 .rate").hide();
  })
</script>